<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>店铺优惠券</title>
  <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
  <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
  <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/css/swiper.min.css">
  <link rel="stylesheet" href="../../css/common.css">
  <link rel="stylesheet" href="../../css/shop/shopDetails.css">
  <link rel="stylesheet" href="../../css/cards.css">
  <link rel="stylesheet" href="../../css/shopCard.css">
</head>
<style>
 
</style>
<body>
<div class="shop_details_header">
  <img src="../../images/profile/right_arrow.png" alt="" class="backArrow">
  店铺优惠券
  <img src="../../images/profile/right_arrow.png" style="opacity: 0;" alt="">
</div>
<div class="shop_details_title">
  <img class="shop_details_img" src="../../images/487bd14049e44235d25f28df11b0a7e9.jpeg" alt="">
  <p class="shop_details_name">
    <span>特步沙湾旗舰店</span>
    <span>品牌</span>
    <span>新店</span>
  </p>
  <p class="shop_details_fans">
    商品：123456   粉丝:45632
  </p>
</div>
<div class="card d-col-md">
        <!-- 满减券 -->
        <div class="card_list d-flex-md">
           <p class="card_list_quan d-col-md">
               满减券
           </p>
           <p class="card_list_left d-col-md">
                <span class=‘money’>¥ <b class="price">800</b></span>
                
           </p>
          <div class="card_list_right">
            <p class="card_list_right_instr">
                 
                  <span>阿依莲沙湾店</span>
            </p>
            <p class="card_list_right_instr">
                  
                    <span>满1000元可用</span>
            </p>
            <p class="card_list_right_instr">
                    <span>2019.03.29~2019.05.05</span>
                    <span></span>
            </p>
            
          </div>
          <p class="lijishiyong">立即使用</p>
        </div>
        <!-- 折扣券 -->
        <div class="card_list d-flex-md">
                <p class="card_list_quan d-col-md">
                    折扣券
                </p>
                <p class="card_list_left d-col-md">
                        <span class=‘money’><b class="price">9.5 </b><span style="font-size: 13px;">折</span></span>
                     
                </p>
               <div class="card_list_right">
                 <p class="card_list_right_instr">
                      
                       <span>阿依莲沙湾店</span>
                 </p>
                 <p class="card_list_right_instr">
                       
                         <span>满1000元可用</span>
                 </p>
                 <p class="card_list_right_instr">
                         <span>2019.03.29~2019.05.05</span>
                         <span></span>
                 </p>
               </div>
               <p class="lijishiyong">立即使用</p>
        </div>
         <!-- 满减券 -->
        <div class="card_list d-flex-md">
                <p class="card_list_quan d-col-md">
                    满减券
                </p>
                <p class="card_list_left d-col-md">
                     <span class=‘money’>¥ <b class="price">800</b></span>
                     
                </p>
               <div class="card_list_right">
                 <p class="card_list_right_instr">
                      
                       <span>阿依莲沙湾店</span>
                 </p>
                 <p class="card_list_right_instr">
                       
                         <span>满1000元可用</span>
                 </p>
                 <p class="card_list_right_instr">
                         <span>2019.03.29~2019.05.05</span>
                         <span></span>
                 </p>
                 
               </div>
               <p class="lijishiyong">立即使用</p>
        </div>
        <!-- 折扣券 -->
        <div class="card_list d-flex-md">
                <p class="card_list_quan d-col-md">
                    折扣券
                </p>
                <p class="card_list_left d-col-md">
                        <span class=‘money’><b class="price">9.5 </b><span style="font-size: 13px;">折</span></span>
                    
                </p>
            <div class="card_list_right">
                <p class="card_list_right_instr">
                    
                    <span>阿依莲沙湾店</span>
                </p>
                <p class="card_list_right_instr">
                    
                        <span>满1000元可用</span>
                </p>
                <p class="card_list_right_instr">
                        <span>2019.03.29~2019.05.05</span>
                        <span></span>
                </p>
            </div>
            <p class="lijishiyong">立即使用</p>
        </div>
</div>
<!-- +关注样式 -->
<div class="guanzhuyibo">
    + 关注
</div>
<!-- 已关注样式 -->
<!-- <div class="guanzhuyibo yiguanzhu">
        已关注
</div> -->
<!-- 点击立即使用后样式 -->
<div class="mask">
        <div class="querenshiyong" style='height: 40vw;'>
            <p class="querenma">确认使用优惠券吗？</p>
            <p class="clickcan d-flex-md"> 
                <span class="cancle">取消</span>
                <span class="imdeate">使用</span>
            </p>
        </div>
</div>
</body>
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="../../js/back.js"></script>

<script>

// 点击立即使用
$('.lijishiyong').click(()=>{
    $(".mask").show();

})
// 点击取消
$('.cancle').click(()=>{
    $(".mask").hide();
})
// 点击确认使用
$('.imdeate').click(()=>{
    // dosometing。。。。  
  window.location.href='../usesusses.html'

})
</script>


<script src="../../js/shopDetails.js"></script>

</html>
